@CHARSET "UTF-8";

body {
	margin: 0px;
	padding: 0px;	
}

.head {
	width: 420px;
	float: left;
}

#tabs {
	width: 30%;
	font-size: 12px;
	//background-color: blue;
	padding: 10px 5px;
	float: left;
	clear: both;	
}

#feeds {
	float: left;
}

#items {
	float: left;
	width: 68%;
	margin-left: 10px;
	//border: 1px solid blue;
	//border-radius: 5px; 
}

ul {
	list-style-type: none;	
	padding: 0;
}

#list_items a {
	display: block;
	height: 25px;
	//margin: 5px;
	padding: 8px 5px 8px 2px;
	clear: both;
}

#list_feeds a {
	display: block;
	height: 25px;
	//margin: 5px;
	padding: 5px;
	clear: both;
	cursor: pointer;
}

ul li a:hover {
	background-color: azure;
}

.feed-edit {
	width: 280px;
	height: 20px;
	float:left;	
}

#list_items li {	
	border-top: 1px solid blue;
	//padding: 5px;	
}

#current-feed {
	width: 350px;
	//height: 80px;
	font-size: 20px;
	font-family: sans-serif;
	font-weight: bold;
	float: left;	
}

.feed {
	width: 20%;
	display: block;
}

.feed_image {
	width: 20px;
	height: 20px;
	float: left;
	margin-right: 5px;
	margin-left: 10px;
}

.feed_title {
	width: 230px;
	height: 20px;
	font-size: 13px;
	font-weight: bold;
	font-family: arial, sans-serif;	
	float: left;
}

.counts {
	width: 35px;
	height: 20px;
	float: right;
}

.item_image {
	width: 2.3%;
	height: 15px;
	float: left;
	margin-right: 5px;
	margin-left: 5px;	
}

.item_title {
	width: 65%;
	height: 20px;	
	margin-right: 5px;	
	font-size: 13px;
	font-weight: bold;
	font-family: arial, sans-serif;
	color: blue;
	cursor: pointer;
	float: left; 	
}

.item_pubdate {
	width: 25%;
	height: 20px;
	float: right;	
	text-align: right;
}

.item-description {
	font-size: 16px;
	font-family: sans-serif;
}

.title-panel {
	font-size: 20px;
	font-family: sans-serif;
	color: blue; 
	text-align: center;
	margin-bottom: 20px;
}

.panel {
	display: none;	
	padding: 10px 100px;
}

.error {
	position: absolute;
	left: 10px;
	top: 65px;
	font-size: 16px;
	font-family: arial, sans-serif;
	color: red;
}

#errorId {
	display: none;
}

#starred-items {
	width: 80px;
	height: 25px;
	background-color: LightGray;
	border-radius: 5px;
	text-align: center;
	cursor: pointer;
	float: left;
}

#all-items {
	width: 80px;
	height: 25px;
	margin-left: 10px;
	background-color: LightGray;
	border-radius: 5px;
	text-align: center;	
	cursor: pointer;
	float: left;
}